@charset "utf-8";
/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */

html{
    font-size:62.5%;
}
html,
body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: PingFangSC-Medium, sans-serif;
}
body {
    background-color: #fff;
    font-size:12px;
    font-size:1.2rem ;
}

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, 
dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, footer, header, nav{ 
    margin: 0; 
    padding: 0; 
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

img{
    border: 0;
}

/*清除焦点高亮*/
a:focus,
*:focus,
input {
    outline: none;
}

/* ----------  通用原子类 start----------- */

/* 外边距 */
.ly-m-10{margin: 1rem;}
.ly-mt-10{margin-top: 1rem;}
.ly-mr-10{margin-right: 1rem;}
.ly-mb-10{margin-bottom: 1rem;}
.ly-ml-10{margin-left: 1rem;}
.ly-m-15{margin: 1.5rem;}
.ly-mt-15{margin-top: 1.5rem;}
.ly-mr-15{margin-right: 1.5rem;}
.ly-mb-15{margin-bottom: 1.5rem;}
.ly-ml-15{margin-left: 1.5rem;}
.ly-m-20{margin: 2rem;}
.ly-mt-20{margin-top: 2rem;}
.ly-mr-20{margin-right: 2rem;}
.ly-mb-20{margin-bottom: 2rem;}
.ly-ml-20{margin-left: 2rem;}

/* 内边距 */
.ly-p-10{padding: 1rem;}
.ly-pt-10{padding-top: 1rem;}
.ly-pr-10{padding-right: 1rem;}
.ly-pb-10{padding-bottom: 1rem;}
.ly-pl-10{padding-left: 1rem;}


/* 两边对齐弹性布局 */
.ly-flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 间隔相等弹性布局 */
.ly-flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* 左对齐弹性布局 */
.ly-flex-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* 右对齐弹性布局 */
.ly-flex-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* 水平居中 垂直居中弹性布局 */
.ly-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 纵向布局 */
.ly-flex-col {
  flex-direction: column;
}

/* 横向翻转布局 */
.ly-flex-row-r {
  flex-direction: row-reverse;
}

/* 项目顶部对齐 */
.ly-align-start {
  align-self: flex-start;
}

/* 项目尾部对齐 */
.ly-align-end {
  align-self: flex-end;
}

/* 边框 */
.ly-border {
    border: 1px solid #777;
}
.ly-border-b {
    border-bottom: 1px solid #777;
}

/* 字体大小 */
.sk-fs-12{ font-size: 1.2rem; }
.sk-fs-13{ font-size: 1.3rem; }
.sk-fs-14{ font-size: 1.4rem; }
.sk-fs-15{ font-size: 1.5rem; }
.sk-fs-16{ font-size: 1.6rem; }
.sk-fs-17{ font-size: 1.7rem; }
.sk-fs-18{ font-size: 1.8rem; }
.sk-fs-19{ font-size: 1.9rem; }
.sk-fs-20{ font-size: 2rem; }

/* 字体颜色 */
.sk-fc-22 { color:#222; }
.sk-fc-33 { color:#333; }
.sk-fc-66 { color:#666; }
.sk-fc-99 { color:#999; }

/* 垂直排列 从上到下  */
.sk-fwm-hb{ writing-mode: horizontal-tb; }

/* 字体加粗 */
.sk-fw-b { font-weight:bold; }
.sk-fw-n { font-weight:normal; }

/* 强制不换行 */
.sk-ws-w { white-space:nowrap; }

/* 强制换行 */
.sk-ww-bw { 
    white-space:normal; 
    word-wrap:break-word; 
    word-break:break-all; 
}

/* 单行溢出 */
.sk-one-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
  
/* 多行溢出 */
.sk-many-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 3行溢出 */
.sk-many-cut-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* ---------  通用原子类  end ------------ */

